[id]/page.tsx

基本信息

• 类型: Next.js 页面 (Server Component)
• 路径: ./src/app/prompts/[id]/page.tsx

功能描述

Prompt详情页面，展示单个AI提示词的完整信息。包含丰富的功能：

• 显示Prompt标题、描述、作者和贡献者信息
• 分类和标签展示
• 三种标签页视图：

- 内容: 显示Prompt内容（支持多种类型：普通文本、结构化JSON/YAML、SKILL类型） - 版本: 版本历史列表，支持版本对比 - 变更请求: 显示待处理的变更请求（如果存在）

• 投票功能（UpvoteButton）
• 添加到收藏功能
• 创建变更请求（非所有者）
• 编辑Prompt（所有者或管理员）
• 管理员工具区（精选、取消列出等）
• 已删除Prompt的恢复功能（管理员可见）
• 取消列出原因显示
• 相关Prompt推荐
• 评论功能
• 结构化数据标记（SEO）

路由

• 路径: /prompts/[id]
• 动态参数:

- id: Prompt ID（支持格式：abc123、abc123some-slug</code>、<code>abc123some-slug.prompt.md）

组件类型

• Server Component

依赖

• next (Metadata, notFound)
• next-intl/server (getTranslations, getLocale)
• lucide-react (Clock, Edit, History, GitPullRequest, Check, X, Users, ImageIcon, Video, FileText, Shield, Trash2, Cpu, Terminal, Wrench)
• @/lib/auth
• @/lib/db
• @/lib/date
• @/lib/config
• @/lib/works-best-with
• @/components/ui/* (Button, Badge, Avatar, Tabs, Tooltip)
• @/components/prompts/* (多个组件)
• @/components/comments
• @/components/seo/structured-data

SEO

• 动态标题: 使用Prompt标题
• 动态描述: 使用Prompt描述或默认文本
• 结构化数据: 包含Prompt和面包屑导航的Schema.org标记

权限

• 私有Prompt仅所有者可访问
• 未列出Prompt可通过直接链接访问
• 已删除Prompt仅管理员可见
• 编辑权限：所有者或管理员
• 管理员工具仅管理员可见